
.mks-left-nav {
  padding:0;
  margin: 0;

  // 第一层
  li.level1 > a {
    list-style: none;
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    color: #fff;
    padding-left: 50px;
    border-bottom: 1px solid #000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    transition: all .5s ease 0s;
  }

  /*第二层*/
  li.level1 ul {
    overflow: hidden;
    &.level2 {
      display: block;
      background: #0f4679;
      list-style: none;
      padding: 0;
      &.active {
        display: block;
      }
      & li a {
        display: block;
        height: 45px;
        line-height: 45px;
        color: #fff;
        text-indent: 60px;
        /*border-bottom: 1px solid #ddd; */
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        transition: all 1s ease 0s;
        &:hover {
          background-color:#fff;
          color:#0f4679;
        }

        &.active {
          background-color:#fff;
          color:#0f4679;
        }
      }
    }
  }

  /*修饰图标*/
  .ico {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 20px;
    top: 10px;
    background: url(../../img/ico1.png) no-repeat;

  }

  .ico1 {
    background-position: 0 -20px;
  }

  .ico2 {
    background-position: 0 -60px;
  }

  .ico3 {
    background-position: 0 -80px;
  }

  /*小箭头*/
  .level1 i {
    width: 20px;
    height: 10px;
    background: url(../../img/arrow.png) no-repeat;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;

    //向下的箭头
    &.down {
      background-position: 0 -10px;
    }
  }
}
